/*------------------------------------*\
BODY
\*------------------------------------*/
ul.grid-wrap,
ol.grid-wrap {
padding-left: 0;
list-style: none; }
li.grid-col {
margin-left: 0;
margin-bottom: 0; }
body {margin: 0;font-family: Rockwell, "Courier Bold", Courier, Georgia, Times, "Times New Roman", serif;
    font-size: 0.875em; /* 14/16 */
								  line-height: 1.5;  
								  color: #333; 
								  
								  background: #FFF; }
.strip {
background: #e84c3d;padding: 0.5em;
color: #fff;
border-top:1px solid #555; }
.strip p {
text-align: center;
font-size: 1em; }
.strip a{color:#000000;text-decoration:none}
.strip a:hover{color:#c9ccd1;text-decoration:none}
.strip2 {
background:rgb(30,30,28);padding: 0.5em;
color: #fff;
border-top:1px solid #e84c3d; }
.strip2 p {
text-align: left;
font-size: 1em; }
.strip2 a{color:#e84c3d;text-decoration:none}
.strip2 a:hover{color:#c9ccd1;text-decoration:none}
.container {
width: 95%;
margin:0 auto;
margin-top: 100px; }
p {
text-align: justify;
margin: 0 0 1.5em 0; }
a {
color: #e84c3d;text-decoration: none; }
a:hover {
color:#000000;text-decoration: none
}

/* TYPOGRAPHY
----------------------------------------------------------------------------------------------------*/		

h1, h2, h3, h4, h5, h6			{ font-family: Rockwell, "Courier Bold", Courier, Georgia, Times, "Times New Roman", serif;color: #000;font-weight: normal; }

h1								{ font-size: 2em;
								  line-height: 1;
								  margin: 0 0 .1em 0;letter-spacing:-.03em; text-transform:uppercase;
 }
h2								{ font-size: 1.8em; }
h3								{ font-size: 1.6em; }
h4								{ font-size: 1.5em; }
h5								{ font-size: 1.4em; }
h6								{ font-size: 1.3em; }

/*------------------------------------*\
POST
\*------------------------------------*/

.post-body  {
    text-align: justify;
}

.post-title.entry-title {
margin: 0px;
}
.post h1 {
font-size:2.em;
					  line-height: 1;
						margin: 0 0 .1em 0;letter-spacing:-.03em; text-transform:uppercase;
padding:0 0 2px;
color:#891434;
font-weight:normal;
}
.post h1 a, .post h1 a:visited, .post h1 strong {
display:block;
text-decoration:none;
color:#4a4a4a;
}
.post h1 a:hover {
color:#c94e5c;
}
.post h4{font-size: 15px; color:#4a4a4a;text-transform:uppercase;margin:25px 0 15px;padding:0;font-weight:bold}

.post-body {
margin:0 0 .75em;
}
.post-body h3{
margin:5px 0;
padding-bottom:12px;
}
.post-body h4{
margin-top:25px;
margin-bottom:10px;
padding-bottom:12px;
margin-top:0;
}
.post blockquote{margin:1em 20px}
.post blockquote p{margin:.75em 0}
.post-body blockquote{line-height:1.6em;position:relative;font-family:Georgia,serif;font-size:13px;font-style:italic;padding:0.25em 40px;color: #2A4D1B;}
.post-body blockquote::before{display:block;content:"\201C";font-size:70px;position:absolute;left:0;top:15px}
.post-body img {
max-width: 98%;
border-width: 0;
padding: 0;
margin-right: 10px;
border:1px solid #b1b1b1;
box-shadow:0 0 5px  #aaa;
page-break-after:always;
}
img {
max-width:100%;
height:auto;
width:auto;
}
.post-body img:hover {
opacity: 0.7;
}
.post-info-icon{background-image:url(http://3.bp.blogspot.com/-Ejs4kT7A1cc/UkcGpzyrRzI/AAAAAAAAFpM/-BEQDsEw7kk/s1600/icnall.png);background-repeat:no-repeat;}
.post-info{display:block;margin:5px 0 5px 0px;padding:3px 0;color:#999;line-height:1.5em;border-top:1px dotted #e2e2e2;border-bottom:1px dotted #e2e2e2;font-family:Rockwell,Arial,Sans-Serif;color:font-weight:400;font-size:11px;overflow:hidden;}.post-info a{color:#999;}
.post-info-icon{display:inline-block;float:left;margin:0 12px 0 0;}.post-info a:hover{color:#000;}.jam{background-position:0 -98px;height:16px;padding:0 0 0 17px}.komentar{background-position:0 -132px;height:16px;padding:0 0 0 17px;}.label{background-position:0 -166px;height:16px;padding:0 0 0 17px;}.admin{background-position:0 1px;height:16px;padding:0 0 0 17px;}.tanggal{background-position:0 -32px;height:16px;padding:0 0 0 17px;}

pre code {font: 13px 'Courier New', Courier, monospace;
line-height: 16px;
margin: 10px 0 10px 10px;
max-height: 200px;
min-height: 16px;
overflow: auto;
padding: 10px 10px 10px;
width: 90%;
}
pre code {
display: block;
background: #002b36; color: #839496;
}
/*------------------------------------*\
BREADCRUMBS
\*------------------------------------*/
.breadcrumbs {
padding : 5px 5px 5px 0;
margin-bottom: 5px;
font-size : 12px;
line-height : 1.4em;
border-bottom : 3px double #e6e4e3;
}
.breadcrumbs li {
list-style-type : none;
} 


/*FIXED HEADER SETTINGS */
#header-fixed {position:fixed; top:0px; margin:auto; z-index:100000; width:100%;}
#header-fixed #header-wrapper { background:rgba(42,60,62,0.8); zoom: 1;
-webkit-box-shadow: 0px 3px 4px rgba(50, 50, 50, 0.74);
-moz-box-shadow:    0px 3px 4px rgba(50, 50, 50, 0.74);
box-shadow:         0px 3px 4px rgba(50, 50, 50, 0.74);
height:70px;
}
#header {
background: #e84c3d; height: 30px;
margin: auto;
position: relative;
width: 100%;
}
/* LOGO */
#header-left{max-width:300px;height:100px;padding:10px 0 0 20px;float:left;overflow:hidden;}
#title{color:#333333;font-family:Arial,sans-serif;font-size:28px;font-weight:normal;text-decoration:none;}
#title a,#title a:visited{color:#333333;text-decoration:none;}#title a:hover{color:#2092E8;text-decoration:none;}
#tagline{margin:0;padding:8px 0 0;color:#4D4D4D;font-family:Arial,sans-serif;font-size:14px;font-weight:normal;}
#header-left{background:url(http://2.bp.blogspot.com/-5UE8-qpoODs/Umd5VjmC5ZI/AAAAAAAAIJ8/Kq2hJOkTUpY/s200/logo1.png) left top no-repeat;margin:3px 0 0 20px;} #header-left, #header-left #title, #header-left #title a{width:300px;height:100px;padding:0;float:left;display:block;text-indent:-9999px;overflow:hidden;} 
#header-left #tagline{display:block;overflow:hidden;}
#header-right{max-width: 800px;padding: 10px 0px 0 0;float:right;}
#header-right p{margin:0;padding: 15px 0px 10px 0;}#header-right h4{margin:0;padding:0;color:#333333;font-size:12px;}#header-right img{display:block;}.header-left-full-width #header-left,.header-left-full-width #header-left #title,.header-left-full-width #header-left #title a{width:100%;}
/* nav */
.nav {
position: relative;
margin:0 1em 1em 0;
}
.nav ul {
margin: 0;
padding: 0;
}
.nav li {
font-family:"Century Gothic", CenturyGothic, AppleGothic, sans-serif;, Georgia, Times, "Times New Roman", serif;;text-transform:uppercase;
font-size:14px;
margin: 0 5px 6px 0;
padding: 0;
list-style: none;
display: inline-block;
}
.nav a {
padding: 3px 5px;
text-decoration: none;
color:#f2f2f2;
line-height: 100%;
}
.nav a:hover {
background:  #e84c3d;
color: #fff;
border-radius: 5px;
}
.nav .current a {
background:  #000;
color: #fff;
border-radius: 5px;
}
/* right nav */
.nav.right ul {
text-align: right;
}
/* comments */
#comments {}
#comments h3 {margin-bottom:25px;font-size:18px;}
.comment_header {border-bottom: 1px solid #f22;width: 30em;}
.comment-body-author { background: #FFFFFF; color: #008000; border: 1px dotted #008000; margin:0; padding:0 0 0 10px; }
.comment_share { color: #999999; cursor: pointer; font-family: verdana; font-size: 10px; line-height: 1.5em; max-width: 100%; font-weight: normal; padding-left: 5px; } #comment_rep a:hover { text-decoration: none; color: #464646!important;} 
.comment_avatar { height: 48px; width: 48px; background: #F0F0F0 url(http://2.bp.blogspot.com/-KjVxDap0Bzs/Uc7Jfm_9VWI/AAAAAAAAEqs/jD56hYNIm88/s48/anon48.gif) no-repeat center center; float: left; margin-right: 10px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; overflow: hidden; }
.comment_name { color: #444;font-size: 16px; font-weight: normal; line-height: 19.5px; max-width: 100%; text-decoration: none; margin-top: 5px;} .comment-menu { float: right; list-style: none; width: 0px; height: 0; } .comment_name a { text-transform: uppercase; font-size: 16px; color:#444;text-decoration:none;}
.comment_name a:hover { color: #0088b2;text-decoration:none; }
.comment_body p {font-family: Cambria, Georgia, serif;font-style: italic;font-size:14px;}
.comment_body p i {font:normal 12px Monaco,"Courier New",Monospace;line-height: 1.4em;color: #000;}
.comment_body {
margin-top: 5px;
margin-bottom: 5px;
padding: 5px;
position: relative;
}
.comment_date { color: #999; font-style: italic; font-size: 13px; line-height: 25px; cursor: pointer; font-weight: normal; } #comments .separate { color: #cccccc; font-family: 'Dosis', Arial, Helvetica, sans-serif; font-size: 15px; line-height: 40px; padding-left: 5px; padding-right: 5px; line-height: 10px;t: 15px; } #comments .author-mark { background: #d2d2d2; color: white; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: 2px 6px 2px 6px;font-size: 15px; line-height: 15px; } .comment-share { display: inline; } .comment-share li { display:inline; } .comment-share li.button a { background: #555; color: white; padding: 0 5px 2px 5px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; display:none; } .comment-share li.button:hover a { background: #000; }#comment_rep { margin-top: -27px; float: right; } .comment_child .comment_body { margin-top: 10px; margin-bottom: 10px; } .comment_child .comment_wrap {padding-left: 40px}
.comment_reply {
cursor: pointer;
font-size: 12px;
line-height: 1.5em;
font-style: italic;
max-width: 100%;
font-weight: bold;
padding: 2px 12px;
color: #DD3804;
float: right;
position: absolute;
right: 1px;
bottom: 1px;
}
.comment_reply a { text-decoration: none; color: #999!important;float:right;position:absolute} 
.comment_admin .avatar-image-container {} .unneeded-paging-control {display: none;} .comment-form {max-width: 100%;!important;margin-top:-15px !important} #comment-editor {width:101%!important}  .comment_reply_form .comment-form {width: 100%;} .comment_youtube {max-width: 100%!important; width: 400px; height: 225px; display: block; padding-top: 10px; padding-bottom: 10px; } #respond { overflow: hidden; padding-left: 10px; clear: both; } .comment_avatar * { max-width: 1000%!important; display: block; max-height: 1000%!important; width: 48px!important; height: 48px!important; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; margin-right: 10px; } .comment_child .comment_avatar, .comment_child .comment_avatar * { width: 40px!important; height: 40px!important; float: left; margin-right: 10px; } .comment_form a { color: #D13325; text-decoration: none; } .comment_form a:hover {color: #121414;}
.comment_author_flag {display:none}
.comment_admin .comment_author_flag {
display: inline;
background: rgba(253, 71, 0, 0.81);
font-size: 12px;
font-weight: normal;
padding: 2px 6px;
margin-left: 8px;
color: #fff;
border-radius: 4px;
letter-spacing: .1em;
}
.comment-delete img{float:right;margin-left:10px;position:absolute;margin-top:7px;}
#comment-editor {width:103% !important;background:transparent url('') no-repeat 50% 30%}
.comment-form {max-width: 100%;!important;margin-top:25px !important}
.comment_emo_list .item {
float: left;width: 40px;text-align: center;height: 40px;margin: 10px 10px 0 0;}
.comment_emo_list span {display: block;font-weight: bold;font-size: 11px;letter-spacing: 1px;}
.comment_youtube {max-width:100%!important;width:400px;height:225px;display:block;margin:auto}
.comment_img {max-width:100%!important}
.comment-form p {background-color: rgba(223, 32, 4, 0.7);
text-align:center;position: relative;box-shadow: 0px -1px 1px rgba(255,255,255,0.7), 0px 1px 1px rgba(136,136,136,0.5), inset 2px 0px 120px rgba(0, 0, 0, 0.2);border-radius:3px;padding: 10px;font:normal 12px Monaco,"Courier New",Monospace;line-height: 1.4em;color: #fff;width:94%;margin-bottom: 10px;}
line-height: 12px;}  
.comment-form p b {font:bold 20px;text-shadow: 1px 1px 0px #eee;color:#000;}
.comment-form p:after{content:&quot;&quot;;width:0;height:0;position:absolute;bottom:-16px;left:15px;border:8px solid transparent;border-color:#666 transparent transparent;}
iframe{border:none;overflow:hidden}
/* blog-pager */
#blog-pager-newer-link{float:left;line-height:1.9em;font-weight:bold}
#blog-pager-older-link{float:right;line-height:1.9em;font-weight:bold}
#blog-pager.blog-pager {margin:1em 0 1em}
#blog-pager{width:98%;text-align:center;line-height:1.9em;font-weight:bold;margin:10px 0 0}
#blog-pager a:link{color:#007acc;}
#blog-pager a:link,#blog-pager a:hover,#blog-pager a:visited{font-size:11px!important;font-weight:bold;background:#f1f1f1;border:#ccc solid 1px;padding:2px 10px;border-radius:1px 1px;-moz-border-radius:1px 1px 1px 1px;-khtml-border-radius:1px 1px 1px 1px;-webkit-border-radius:1px 1px 1px 1px;border-radius:1px 1px 1px 1px}

/* SIDEBAR-FOOTER */
.sidebar1 h2 {color: #000; font-weight: normal; margin:20px 0 12px; font-size:25px; line-height:1.6em; font-family:Rockwell,Georgia,serif;text-transform: uppercase;!important;}
.sidebar1 h3 {color: #000; font-weight: normal; margin:20px 0 12px; font-size:25px; line-height:1.6em; font-family:Rockwell,Georgia,serif;text-transform: uppercase;!important;}
.footer {font-family:Rockwell, Georgia, Times, "Times New Roman", serif;;font-size: 0.9em;text-align:left;color:#d2d8cf;}    
.footer h2 {color: #fff; font-weight: normal; margin:30px 0 12px; font-size:20px; line-height:1.6em; font-family:Rockwell,Georgia,serif;text-align:center;text-transform: uppercase;}
.footer li {list-style:none; border-bottom: 1px dotted #60615b;margin-bottom:18px;}

/* popular-posts */
.popular-posts ul{padding-left:0px;margin-left:0px;}
.popular-posts li{padding-left:0px;margin-left:0px; font-size: 14px; line-height: 22px;}
.popular-posts ul li {
list-style-type: none;margin:0 0 5px 0px;
!important;
}
/* BlogArchive */
.BlogArchive ul{text-align:left;padding-left:0px;margin-left:0px;!important;}
.BlogArchive li {font-size: 14px; line-height: 22px;list-style:none;border-bottom: 1px dotted #cec3c3;margin-bottom:18px;!important;}
.BlogArchive ul li {
list-style-type: none;
margin:0 0 0px 0px;
padding:0px  !important;
}
/* related-posts */
#related-posts {
float:left;
text-transform:none;
height:100%;
min-height:100%;
padding-top:5px;
padding-left:5px;
}
#related-posts h2{
font-family:'Dosis', Arial, Sans-Serif;
font-size: 18px;
font-weight:normal;
color: #000000;
margin-bottom: 0.75em;
margin-top: 0em;
padding-top: 0em;
border-bottom:3px solid #e84c3d;
}
#related-posts a{
color:#e84c3d;
}
#related-posts a:hover{
color:#000000;
}
/* search */
#search {
float:right;
position:relative;
margin: 1px 20px 0 0;
background: url('http://www.paulund.co.uk/playground/demo/pretty_search_forms/images/search.png') no-repeat 5px 6px;
}
#search input[type="text"] {
background:rgba(51, 41, 41, 0.44);
border: 0;
font: normal 12px Arial,Helvetica,Sans-serif;
color: #555;
width: 130px;
padding: 5px 30px;
border-radius: 3px;
}
#search input[type="text"]:focus {
color:#fff;
width: 200px;
background: rgb(90,86,86);
}
/* Ads */
/* Ads */
.iklan {
height:100%;
min-height:100%;
margin: 5px;
padding: 5px;
}
.share {border-top:3px solid #e84c3d;border-bottom:1px solid #e84c3d;font-family:Georgia, Arial, sans-serif;font-weight:bold;font-size:18px;padding:10px 0 8px 0;margin-top:20px;position:relative;}